.details{
    padding-top:1.52rem;
    width:7.5rem;
    font-size:.28rem;
    color:#999;
    background:#f2f2f2;
}
.details h3{
    height:.72rem;
    width:7.5rem;
    line-height:.72rem;
    text-align:center;
    position:fixed;
    top:.8rem;
    border-top:.02rem solid #eee;
    background:#f2f2f2;
    font-size:.24rem;
    color:#666;
    z-index:5;

}
.details h3 span{
    color:#ff3300;
}
.details .detailContent{
    padding-bottom:1rem;
}
.details .detailName{
    background:#fff;
}
.details .detailName li{
    height:.96rem;
    line-height:.96rem;
    padding:0 .4rem;
    border-bottom:.02rem solid #eee;
}
.details .detailName li span{
    display:inline-block;
    width:1.72rem;
}
.details .detailName li b{
    color:#333;
}
.details .detailName li b.color{
    color:#ff3300;
}
.details .detailName li:last-child b{
    position:relative;
}
.details .detailName li:last-child .info{
    position:absolute;
    width:4rem;
    height:.3rem;
    left:0;
    top:.3rem;
    line-height:.3rem;
    color:#bababa;
    font-size:.24rem;
}
.details .detailMessage{
    padding:.2rem 0;
    font-size:.24rem;
    background:#fff;
    margin-bottom:10px;
}

.details .detailMessage li{
    height:.56rem;
    line-height:.56rem;
    padding:0 .4rem;
}
.details .detailMessage li:first-child{
    font-size:.28rem;
}
.details .detailMessage li span{
    display:inline-block;
    width:1.72rem;
}
.details .detailMessage li b{
    color:#333;
}
.details .detailPatient{
    padding:.2rem 0;
    font-size:.24rem;
    background:#fff;
    margin-bottom:10px;
}
.details .detailPatient li{
    height:.56rem;
    line-height:.56rem;
    padding:0 .4rem;
}
.details .detailPatient li:first-child{
    font-size:.28rem;
}
.details .detailPatient li span{
    display:inline-block;
    width:1.72rem;
}
.details .detailPatient li b{
    color:#333;
}
.details .detailSource{
    padding:.2rem 0;
    font-size:.24rem;
    background:#fff;
}
.details .detailSource li{
    height:.56rem;
    line-height:.56rem;
    padding:0 .4rem;
}
.details .detailSource li span{
    display:inline-block;
    width:1.72rem;
}
.details .detailSource li b{
    color:#333;
}
.progress{
    width:7.5rem;
    height:1rem;
    background:#28b263;
    line-height:1rem;
    text-align:center;
    position:fixed;
    bottom:0;
    left:0;
    color:#fff;
}
.panel{
    width:7.5rem;
    height:100%;
    position:fixed;
    bottom:-100%;
    background:rgba(0,0,0,.4);
    z-index:10;
    
}
.panel .panelMessage{
    width:6.8rem;
    background:#fff;
    padding:.2rem .2rem .2rem .5rem;
    position:absolute;
    bottom:0;
}
.panel .panelMessage>li{
    padding:.2rem .6rem .5rem;
    position:relative;
    border-left:1px solid #ccc;

}
.panel .panelMessage>li:last-child{
    border:none;
}

.panel .panelMessage>li i{
    display:block;
    width:.6rem;
    height:.6rem;
    border:1px solid #ccc;
    background:#fff;
    position:absolute;
    left:-.31rem;
    top:0;
    border-radius:50%;
    line-height:.6rem;
    text-align:center;
}
.panel .panelMessage>li.operationDone{
    border-left:1px solid #1abc9c;
}
.panel .panelMessage>li.operationDone i{
    background:#1abc9c;
    color:#fff;
}
.panel .panelMessage>li.operating{
    border-left:1px solid #f19736;
}
.panel .panelMessage>li.operating i{
    background:#f19736;
    color:#fff;
}
.panel .panelMessage>li h4{
    padding-bottom:.2rem;
}
.panel .panelMessage .panelOperation{
    padding-bottom:.2rem;
}
.panel .panelOperation h4{
    color:#f19736;
}
.panel .panelOperation>p{
    padding-bottom:.3rem;
}
.panel .panelOperation>p b{
    color:#ff3300;
}
.panel .operationDetail{
    font-size:.24rem;
    background:#f2f2f2;
    padding:.3rem 0 .3rem .5rem;
    border-radius:.16rem;
}
.panel .operationDetail span{
    display:inline-block;
    width:1.3rem;
    text-align-last:justify;
    margin-right:.16rem;
}

.panel .operationDetail b{
    display:inline-block;
    width:.8rem;
}
.panel .operationDetail .operation{
    width:.8rem;
    padding-left:.6rem;
}
.panel .operationDetail .time{
    width:.6rem;
}
